<%@ include file="/WEB-INF/jsp/tagHTMLLibIncludes.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   <%@ include file="/WEB-INF/jsp/CssScriptIncludes.jsp" %>
   <title>2 Bee Tribe</title>
</head>
<body class="soria">
<div id="header"><div id="headerLogo"></div>
<div class="systemMenu"><a href="#" id="systemMenuEditProfile"><img src="../images/settings.png" alt="<fmt:message key="menu.editprofile"/>" title="<fmt:message key="menu.editprofile"/>"/></a> | <a href="#" id="systemCircles"><img src="../images/groups.png" alt="<fmt:message key="menu.circle"/>" title="<fmt:message key="menu.circle"/>"/></a> | <a href="../logout"><img src="../images/logout.png" alt="<fmt:message key="menu.logout"/>" title="<fmt:message key="menu.logout"/>"/></a></div>
</div>
<div class="clear"></div>
<div id="commonMessage"></div>
<div style="margin: 0 auto;">
<div id="leftSite">
   <div id="avatar"><img src="${ctxAuth}/getContent/${avatarGUID}/medium" width="200px" class="avatar"/></div>
   <div id="leftSiteBox">
   <div>
      <div style="text-align:left; margin-top:10px"><span class="h2"><fmt:message key="menu.title.myfriends"/></span></div>
      <div class="lineNews"></div>
      <c:forEach var="friend" items="${friends}">
      <div class="c_b_b l_c_c_b"><a href="${ctxAuth}?view=${friend.id}"><img src="${ctxAuth}/getContent/${friend.avatar.contentFile.guid}/small" class="l_c_c_a"/></a><a><a href="${ctxAuth}?view=${friend.id}" class="h3">${friend.firstName} ${friend.lastName}</a></div>
      </c:forEach>
    </div>
   
   </div>
</div>
<div id="centerSite" class="centerSite">
   <div id="newests">
      <div class="nickNameHeader"><label>${displayName}</label></div>
      <div id="introdution"></div>
      <div id="introdutionFiles"></div>
      <div class="clear"></div>
   </div>
   <div class="clear"></div>
   <div id="particicipant_menu" class="center_menu homeActived">
      <a href="#" class="label_normal" title="<fmt:message key="menu.title.myhome"/>"><input type="hidden" value="myHome"/>&nbsp;</a>
      <a href="#" class="label_normal"><input type="hidden" value="myBlogs"/><span><fmt:message key="menu.title.myBlogs"/></span></a>
      <a href="#" class="label_normal"><input type="hidden" value="myTribes"/><span><fmt:message key="menu.title.myTribes"/></span></a>
      <a href="#" class="label_normal"><input type="hidden" value="myPics"/><span><fmt:message key="menu.title.myPics"/></span></a>
   </div>
   <div id="center_content"></div>
</div>
<div id="rightSite">
   <div>
         <div style="text-align:left;"><span class="h2"><fmt:message key="menu.title.suggestionFriends"/></span></div>
         <div class="lineNews"></div>
         <c:forEach var="friend" items="${suggestions}">
         <div class="c_b_b l_c_c_b"><img src="${ctxAuth}/getContent/${friend.avatar.contentFile.guid}/small" class="l_c_c_a"/><h3><span>${friend.firstName} ${friend.lastName}</span></h3>&nbsp;<div class="c_c_n"><div class="btn_small"><a href="#"><input type="hidden" value="${friend.id}"><fmt:message key="friend.btn.request"/></a></div></div></div>
         </c:forEach>
   </div>
</div>

<div class="clear"></div>
</div>
<div id="_market_divDialog" style="width: 800px; height: 600px"></div>
<script type="text/javascript">
   dojo.addOnLoad(function() {
       if (document.pub) {
           document.pub();
       }
       var tzo = new Date().getTimezoneOffset();
       document.cookie = "timezoneOffset=" + escape(tzo * (-1));
       _initMarket();
   });
</script>
</body>
</html>